<!doctype html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <title>KISSY DPL</title>
    <link href="/kissy/src/css/assets/dpl/base.css" rel="stylesheet"/>
    <link href="../../src/css/assets/dpl/forms.css" rel="stylesheet"/>
    <link href="../menu/assets/dpl.css" rel="stylesheet"/>
    <link href="../button/assets/dpl.css" rel="stylesheet"/>
    <style>
        .func label {
            margin: 0 5px;
        }
    </style>
</head>
<body>
<div class="container">
    <h1>KISSY DPL</h1>

    <div class="row">
        <div class="span8">
            <h2>索引</h2>

            <div id="index">

            </div>
        </div>
        <div class="span16 func">
            <h2>
                选择组件构建
            </h2>

            <form id="cssContainer" class="form-inline">

            </form>
            <form class="form-inline">
                <h3>控制选项</h3>

                <p>
                    <label><input id="min" type="checkbox" checked/>min</label>

                    <label><input id="cdn" type="checkbox" checked/>cdn</label>
                </p>
            </form>
            <div>
                <button class="ks-button" id="gen">生成 combo 地址</button>
            </div>
            <div id="result" style="margin: 10px 0;">

            </div>

        </div>
    </div>

</div>
<script src="/kissy/build/seed.js"></script>
<script src="./demo/demo.js"></script>
</body>
</html>